<%--
  Author: 林小秦
  Idea:零壹年秋,生于北方
  点图文介绍
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>地图展示</title>
    <style>
        body,
        html,
        #container {
            overflow: hidden;
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "微软雅黑";
        }
        .BMap_cpyCtrl {
            display: none;
        }
        .anchorBL {
            display: none;
        }

    </style>
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=sClwXDCZC6GLOdLlYevqoiEzfaUFzqP3"></script>
</head>

<body>
<div id="container"></div>
</body>

</html>
<script>
    var map = new BMapGL.Map('container'); // 创建Map实例
    map.centerAndZoom(new BMapGL.Point(115.661299,34.424728), 10); // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
    var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件
    map.addControl(scaleCtrl);
    var zoomCtrl = new BMapGL.ZoomControl(); // 添加比例尺控件
    map.addControl(zoomCtrl);

    map.setMapStyleV2({
        styleId: '49567e7d9352bd4c3e205bfbee5558f4'
    });

    map.enableScrollWheelZoom();






    // 添加全景图层
    map.addTileLayer(new BMapGL.PanoramaCoverageLayer());

    // 添加全景控件
    var stCtrl = new BMapGL.PanoramaControl();
    stCtrl.setOffset(new BMapGL.Size(0, 0));
    map.addControl(stCtrl);

    // 添加河南省边界
    var bdary = new BMapGL.Boundary();
    bdary.get("商丘市", function (rs) {
        var count = rs.boundaries.length;
        if (count === 0) {
            alert('未能获取到商丘市边界数据');
            return;
        }
        for (var i = 0; i < count; i++) {
            var ply = new BMapGL.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: "#ef0909", fillOpacity: 0 });
            map.addOverlay(ply);
        }
    });

    // 创建点标记
    var marker1 = new BMapGL.Marker(new BMapGL.Point(115.628529,34.477357)); // 淮阳县
    var marker2 = new BMapGL.Marker(new BMapGL.Point(115.604383,34.491163)); // 温县
    var marker3 = new BMapGL.Marker(new BMapGL.Point(115.751561,34.45569)); // 开封市
    var marker4 = new BMapGL.Marker(new BMapGL.Point(115.691195,34.412102)); // 偃师市
    var marker5 = new BMapGL.Marker(new BMapGL.Point(115.541142,34.419964)); // 焦作市解放区
    var marker6 = new BMapGL.Marker(new BMapGL.Point(115.857345,34.352279)); // 焦作市中站区
    var marker7 = new BMapGL.Marker(new BMapGL.Point(115.722815,34.351326)); // 内黄县
    // //////
    var marker8 = new BMapGL.Marker(new BMapGL.Point(115.419835,34.603909)); // 清丰县
    // var marker9 = new BMapGL.Marker(new BMapGL.Point(116.40409,34.455452)); // 焦作市中站区
    var marker10 = new BMapGL.Marker(new BMapGL.Point(116.146528,34.182588)); // 商水县
    var marker11 = new BMapGL.Marker(new BMapGL.Point(115.104817, 33.415958)); // 沈丘县
    var marker12 = new BMapGL.Marker(new BMapGL.Point(113.915155, 35.322083)); // 新乡市牧野区
    var marker13 = new BMapGL.Marker(new BMapGL.Point(115.72109,34.083143)); // 洛阳市老城区
    // var marker14 = new BMapGL.Marker(new BMapGL.Point(114.948404,34.041034)); //  开封市
    var marker15 = new BMapGL.Marker(new BMapGL.Point(116.60876,33.864716)); // 开封市顺河区
    // var marker16 = new BMapGL.Marker(new BMapGL.Point(113.408103, 35.105826)); // 焦作五菱县
    // var marker17 = new BMapGL.Marker(new BMapGL.Point(112.957115, 35.093593)); // 沁阳市
    // var marker18 = new BMapGL.Marker(new BMapGL.Point(113.683952,34.760261)); // 郑州市管城区
    // var marker19 = new BMapGL.Marker(new BMapGL.Point(113.513426, 36.239952)); // 平顶山襄城县
    // var marker20 = new BMapGL.Marker(new BMapGL.Point(112.093874, 32.694029)); // 邓州市
    //
    // var marker21 = new BMapGL.Marker(new BMapGL.Point(113.390028, 34.792723)); //  苌家拳 河南省荥阳1
    // var marker22 = new BMapGL.Marker(new BMapGL.Point(113.248366, 35.221671)); //  陈氏太极拳 河南省焦作市2
    // var marker23 = new BMapGL.Marker(new BMapGL.Point(113.087223, 34.94565)); //  和式太极拳 河南省温县3
    // var marker24 = new BMapGL.Marker(new BMapGL.Point(113.056914, 34.460771)); //  少林功夫 河南省登封市5
    // var marker25 = new BMapGL.Marker(new BMapGL.Point(113.683952, 34.760261)); //  太乙拳 郑州市管城区6
    // var marker26 = new BMapGL.Marker(new BMapGL.Point(114.000202, 34.760261)); //  查拳 驻马店市驿城区7
    // var marker27 = new BMapGL.Marker(new BMapGL.Point(113.189315, 35.243143)); //  小尚炮拳 焦作市中站区8



    // 在地图上添加点标记
    map.addOverlay(marker1);
    map.addOverlay(marker2);
    map.addOverlay(marker3);
    map.addOverlay(marker4);
    map.addOverlay(marker5);
    map.addOverlay(marker6);
    map.addOverlay(marker7);
    map.addOverlay(marker8);
    // map.addOverlay(marker9);
    map.addOverlay(marker10);
    map.addOverlay(marker11);
    map.addOverlay(marker12);
    map.addOverlay(marker13);
    // map.addOverlay(marker14);
    map.addOverlay(marker15);
    // map.addOverlay(marker16);
    // map.addOverlay(marker17);
    // map.addOverlay(marker18);
    // map.addOverlay(marker19);
    // map.addOverlay(marker20);
    // map.addOverlay(marker21);
    // map.addOverlay(marker22);
    // map.addOverlay(marker23);
    // map.addOverlay(marker24);
    // map.addOverlay(marker25);
    // map.addOverlay(marker26);
    // map.addOverlay(marker27);







    // 创建图文信息窗口淮阳县
    var sContent = `<h4 style='margin:0 0 5px 0;'>淮阳县心意六合拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/4.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
            心意六合拳又称守洞尘技。顾名思义，由于此拳术是由心生意，又由意传化为拳招，故又名心意拳。心意拳相传为明末清初的武术家姬际可所创的。由于外族入主中原，当时的际可便产生了强烈的反清思想，后来到了河南少林寺后，因武术精湛，便留在那教学，居留期间又对明朝盛行于少林的五行拳深入研究。后有一天忽见两鸡相斗，便遂悟其理而创了心意六合。后来，心意六合拳自洛阳人士马学礼得际可真传后，数百年来形成了河南心意六合拳一大支流。
    </p>
    <a href="https://hct.henan.gov.cn/2022/06-12/2465910.html">点击查看更多资料</a>
    </div>`;
    var infoWindow = new BMapGL.InfoWindow(sContent);
    // marker添加点击事件
    marker1.addEventListener('click', function() {
        this.openInfoWindow(infoWindow);
        // 图片加载完毕重绘infoWindow
        document.getElementById('imgDemo').onload = function() {
            infoWindow.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
        };
    });



    // 创建图文信息河南省荥阳苌家拳
    var sContent1 = `<h4 style='margin:0 0 5px 0;'>河南省荥阳苌家拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/1.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        苌家拳是中国武术一个重要流派，与少林、太极并称中州武术三鼎足。苌家拳萌发于河南省荥阳市（汜水）。荥阳处中原腹地，南连嵩岳，北濒黄河，浮戏、广武山连绵夹峙，处西京（长安、洛阳）、东京（开封）之间。为西京之东方门户，东京之西部屏障。境内之虎牢关（成皋城），扼东西咽喉，有一夫当之，万夫莫开之险，自古为天下雄关，向为兵家所必争。决定汉王朝命运的楚汉战争，决定唐王朝命运的武牢之战均发生于此。宋岳飞在此大败金兵，李自成13家72营首领曾聚会于此，太平天国林凤祥、李开芳之北伐部队在此渡河北上。由于荥阳特殊的地理位置，文化亦于此兴。荥阳百姓保家自卫，自古习武之风甚盛。荥阳（汜水）明末有武术家张八，时称“神手”，后有“禹家枪”，“外来方技多不敢与之比试”。
    </p>
    <a href="https://baike.baidu.com/item/%E8%8B%8C%E5%AE%B6%E6%8B%B3">点击查看更多资料</a>
    </div>`;
    var infoWindow1 = new BMapGL.InfoWindow(sContent1);
    // marker添加点击事件
    marker21.addEventListener('click', function() {
        this.openInfoWindow(infoWindow1);
        // 图片加载完毕重绘infoWindow
        document.getElementById('imgDemo').onload = function() {
            infoWindow1.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
        };
    });



    // 河南省焦作市陈氏太极拳
    var sContent2 = `<h4 style='margin:0 0 5px 0;'>河南省焦作市陈氏太极拳 </h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/2.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        河南省温县陈家沟太极拳，世代相传，其架式与用劲，与一般传习之太极拳，不尽相同，称谓陈氏（家）太极拳。明洪武七年（一三七四年）陈氏自山西省洪洞县大槐树迁居河南省温县常阳村。嗣以陈氏宗族繁衍，遂将常阳村易名为陈家沟。自陈氏迁温县始祖陈卜至今，太极拳世代相传，一脉相承已有六百年之历史。陈氏太极拳在此六百年历程中，关于创造发展，由博而约，以至定型，在陈氏族谱家乘拳谱以及陈氏子孙之著作中，有明确之记载，足资考证。
    </p>
    <a href="https://baike.baidu.com/item/%E9%99%88%E5%AE%B6%E6%B2%9F%E5%A4%AA%E6%9E%81%E6%8B%B3%E5%AD%A6%E6%A0%A1/1655572">点击查看更多资料</a>
    </div>`;
    var infoWindow2 = new BMapGL.InfoWindow(sContent2);
    // marker添加点击事件
    marker22.addEventListener('click', function() {
        this.openInfoWindow(infoWindow2);
        // 图片加载完毕重绘infoWindow
        document.getElementById('imgDemo').onload = function() {
            infoWindow2.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
        };
    });

    // 创建图文信息窗口河南省温县和式太极拳
    var sContent3 = `<h4 style='margin:0 0 5px 0;'>河南省温县和式太极拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/3.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        和式太极拳是传统拳术，属于太极拳流派之一。始创于清末河南温县赵堡镇太极拳名家和兆元（1810——1890），因地域亦被称为赵堡太极拳。和式太极拳除具有一般太极拳的要点外，在理论、技术技法、强身养生方面都有其独特之处。和式太极拳以《周易》理论为基础，像其形取其义用其理，移动周身处处走圆，无不是圈，行成周身无处受力，自然圆活。
    </p>
    <a href="https://baike.baidu.com/item/%E5%A4%AA%E6%9E%81%E6%8B%B3%EF%BC%88%E5%92%8C%E6%B0%8F%E5%A4%AA%E6%9E%81%E6%8B%B3%EF%BC%89/61139656">点击查看更多资料</a>
    </div>`;
    var infoWindow3 = new BMapGL.InfoWindow(sContent3);
    // marker添加点击事件
    marker23.addEventListener('click', function() {
        this.openInfoWindow(infoWindow3);
        // 图片加载完毕重绘infoWindow
        document.getElementById('imgDemo').onload = function() {
            infoWindow3.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
        };
    });


    // 创建图文信息窗口河南省登封市少林功夫
    var sContent4 = `<h4 style='margin:0 0 5px 0;'>河南省登封市少林功夫</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/5.jpg' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        少林功夫是指在嵩山少林寺这一特定佛教文化环境中历史地形成，以佛教神力信仰为基础，充分体现佛教禅宗智慧，并以少林寺僧人修习的武术为主要表现形式的传统文化体系。这个文化体系具有完整的技术和理论体系。它以武术技艺和套路为其表现形式，以佛教信仰和禅宗智慧为其文化内涵。少林功夫尊达摩为祖师。当前学界认为，"达摩创拳说"是一种附会。其习武之风实际上始自北齐武僧稠禅师 。少林功夫内容丰富、套路繁多。据少林寺拳谱记载，少林武术套路有708套，其中拳术和器械套路552套，另外七十二绝技、擒拿、格斗、卸骨、点穴、气功等各类攻法套路156套。
    </p>
    <a href="https://hct.henan.gov.cn/2022/04-19/2434755.html">点击查看更多资料</a>
    </div>`;
    var infoWindow4 = new BMapGL.InfoWindow(sContent4);
    // marker添加点击事件
    marker24.addEventListener('click', function() {
        this.openInfoWindow(infoWindow4);
        // 图片加载完毕重绘infoWindow
        document.getElementById('imgDemo').onload = function() {
            infoWindow4.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
        };
    });




    // 创建图文信息窗口 郑州市管城区太乙拳
    var sContent5 = `<h4 style='margin:0 0 5px 0;'>郑州市管城区太乙拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/6.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        太乙拳，中国传统武术套路之一。它是禅、武、医、艺的交融。古称“太医拳”，一种被遗忘的养生文化，是中华民族传统武术拳术之一，其理念可追溯到道家《老子》之“道”。“太乙”在《老子》“道法自然”、“万法归一”、“无为而大为”等哲理思想影响下，以拳法体现人与自然和谐统一，体现 “天人合一”在运动中的自如应用，达到性命双修，自卫之效，成为“以人为本”的练功方法。 　 太乙拳，相传为道教宗师张三丰所创，传承人把儒道释三教之中的修身养性理念三合为一；结合民族拳法和道家练气、养生之法，以民族拳术为基础，集禅宗修炼、道家养生于一身，创立了这套“内以养生，外以却恶”的“太乙拳”。
    </p>
    <a href="https://baike.baidu.com/item/%E5%A4%AA%E4%B9%99%E6%8B%B3/6606147">点击查看更多资料</a>
    </div>`;
    var infoWindow5 = new BMapGL.InfoWindow(sContent5);
    // marker添加点击事件
    marker25.addEventListener('click', function() {
        this.openInfoWindow(infoWindow5);
        // 图片加载完毕重绘infoWindow
        document.getElementById('imgDemo').onload = function() {
            infoWindow5.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
        };
    });



    // 创建图文信息窗口驻马店市驿城区查拳
    var sContent6 = `<h4 style='margin:0 0 5px 0;'>驻马店市驿城区查拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/7.png' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        河南派查拳分布于河南省沈丘县槐店回族镇，迄今已有200余年。沈丘县槐店回族镇地处豫东平原，为沙颍河、谷河、蔡河三川交汇之地。西周时为古项子国都，曾为北扬州、陈郡、项县、槐坊厅治所。由于历史上先后有鲜卑、女真、蒙古等民族问鼎中原，从而使这里形成了多元族群融聚之地，构成了多元民族文化共生和传承的特殊地理环境，于是产生了独具民族特色的河南派查拳武术。
    </p>
    <a href="https://baike.baidu.com/item/%E6%9F%A5%E6%8B%B3/643627">点击查看更多资料</a>
    </div>`;
    var infoWindow6 = new BMapGL.InfoWindow(sContent6);
    // marker添加点击事件
    marker26.addEventListener('click', function() {
        this.openInfoWindow(infoWindow6);
        // 图片加载完毕重绘infoWindow
        document.getElementById('imgDemo').onload = function() {
            infoWindow6.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
        };
    });



    // 创建图文信息窗口焦作市中站区小尚炮拳
    var sContent7 = `<h4 style='margin:0 0 5px 0;'>焦作市中站区小尚炮拳</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='${pageContext.request.contextPath}/statics/windowimage/8.jpg' width='150' height='200'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
        小尚炮拳是一种传统拳术，属于内家拳，是技击与气功相结合的拳术，强调“以气为主，以理当先。上步有情理，脚下有圈劲”。其动作沉稳刚劲、充实有力，快猛巧捷，飘忽轻灵。相传清朝初年，嵩山少林寺普照和尚所传。最初，炮捶拳只是沿袭上古时期流传下来的格斗搏击之法，并无诸多套路，其内容亦皆用于修身和实战的用途 。发力气劲合一，刚柔相济，气势勇猛。强调拨击，讲究招式。基本拳法有开门炮、劈山炮、连环炮、转角炮、十字炮、脑后炮、泻肚炮、冲天炮、撩阴炮、扎地炮、窝心炮、七星炮。习练时要求浮气要聚，本力要猛，虎腕要挺，腰眼要灵，心血要活。
    </p>
    <a href="https://baike.baidu.com/item/%E5%B0%8F%E5%B0%9A%E7%82%AE%E6%8B%B3/3774694">点击查看更多资料</a>
    </div>`;
    var infoWindow7 = new BMapGL.InfoWindow(sContent3);
    // marker添加点击事件
    marker27.addEventListener('click', function() {
        this.openInfoWindow(infoWindow7);
        // 图片加载完毕重绘infoWindow
        document.getElementById('imgDemo').onload = function() {
            infoWindow7.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
        };
    });





</script>
